
@borderColor: #757B7E;
@backgroundColor: #00a1f0;
@fontColor: #000000;
.wrap-select{
  margin-top: 35px;

  .row-type{
    position: relative;
    background-color: transparent;
    height: 40px;
    width: 100%;
    margin-bottom: 3px;
    .ant-col-24{
      height:100%;
    }
    article {
      position: absolute;
      background-color: #E4E4E4;
      margin: 0 auto;
      height: 100%;
      padding: 11px;
      left: 10%;
      width: 80%;
      z-index: 10;
      p{
        float: left;
        font-size: 13px;
        color: @fontColor;
        font-weight: 400;
        margin-left: 10px;
        margin-right: 10px;
        width: 100px;
      }
      .p-context{
        color: @fontColor;
        &:hover{
          color:@backgroundColor;
          cursor: pointer;
        }
      }
      .p-context-tap{
        color:@backgroundColor;
        &:hover{
          cursor: pointer;
        }
      }
      .p-context-search{
        color: @fontColor;
        text-align: center;
        border: 0.5px solid #7b7878f7;
        background-color: #ffffff;
        &:hover{
          color:#ffffff;
          cursor: pointer;
          border: 1px solid @backgroundColor;
          background-color: @backgroundColor;
        }
      }
      .p-context-search-tap{
        color: #ffffff;
        text-align: center;
        border: 1px solid @backgroundColor;
        background-color: @backgroundColor;
        &:hover{
          cursor: pointer;
        }
      }
    }
  }
}